<template>
	<view class="integral">
		<view class="top">
			<view>账户可用积分</view>
			<view class="text1">5</view>
		</view>
		
		<view class="list">
			<view class="item">
				<view class="item-cont">
					<view class="cont-l">
						<view class="size36">12月19日</view>
						<view class="color9 size30">09:00:00</view>
					</view>
					<view class="cont-r">
						<view class="color1 size48">+15</view>
						<view>推广积分到账</view>
					</view>
				</view>
				<view class="item-toggle">
					DENNIS.ZOO 等2位粉丝购买商品
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style>
.integral {
	width: 100%;
	min-height: 100%;
	position: absolute;
	background-color: #f3f3f3;
	font-size: 24upx;
}
.integral .top {
	width: 100%;
	height: 240upx;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.integral .top .text1 {
	font-size: 60upx;
	margin-top: 15upx;
}

.list {
	background-color: #fff;
	margin-top: 20upx;
}
.list .item-cont {
	height: 140upx;
	display: flex;
	padding: 0 40upx;
}
.list .item-cont .cont-l, .list .item-cont .cont-r {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 48upx;
}
.list .item-cont .cont-r {
	text-align: right;
}
.list .item-cont .text1 {
	font-size: 36upx;
}
.list .item-toggle {
	line-height: 80upx;
	color: #666;
	padding: 0 40upx;
}
</style>
